//提供各种混合样式

//样式居中
.self-center(@pos: absolute) {
    position: @pos;
    left: 50%;
    top: 50%;
    transform: matrix(-50%, -50%);
}

//子元素 撑满父元素 
.self-fill(@pos: absolute) {
    position: @pos;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}